<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/HomePage.css" />
		<link rel="stylesheet" type="text/css" href="../css/swiper-3.4.2.min.css" />
	</head>

	<body>
		<!--全局外框-->
		<div id="wrap">
			<div id="language">
				<span>中国</span>
				<div id="sel">
					<select name="" onchange="setLanguage(this)">
						<option value="">Select Language</option>
						<option id="chinese" value="chn">Chinese</option>
						<option id="english" value="eng">English</option>
					</select>
					<span>|</span>
					<a id="address" href="http://www.subway.com/en-us">进入全球官网</a>
				</div>
			</div>

			<!--logo + 导航-->
			<div id="logoAndNav">
				<a id="logo" href="###"><img src="http://www.subway.com.cn/images/logo.jpg" /></a>
				<ul id="nav">
					<a href="###">
						<li id="b1">新闻动态</li>
					</a>
					<a href="###">
						<li id="b2">美食与营养</li>
					</a>
					<a href="###">
						<li id="b3">加盟流程</li>
					</a>
					<a href="###">
						<li id="b4">关于我们</li>
					</a>
					<a href="###">
						<li id="b5">快餐店位置查询</li>
					</a>
				</ul>
			</div>

			<!--导航美食与营养下拉菜单-->
			<div id="menu">
				<li>
					<a id="menu1" href="###">超值 Value</a>
				</li>
				<li>
					<a id="menu2" href="###">经典 Classics</a>
				</li>
				<li>
					<a id="menu3" href="###">精选 Premium</a>
				</li>
				<li>
					<a id="menu4" href="###">低脂 Low Fat</a>
				</li>
				<li>
					<a id="menu5" href="###">百味卷 Wrap</a>
				</li>
				<li>
					<a id="menu6" href="###">沙拉 Salad</a>
				</li>
				<li>
					<a id="menu7" href="###">聚餐服务 Catering</a>
				</li>
				<li>
					<a id="menu8" href="###">饮料和小食 Drinks&Sides</a>
				</li>
				<li>
					<a id="menu9" href="###">早餐 Breakfast</a>
				</li>
				<li>
					<a id="menu10" href="###">营养 Nutrilon</a>
				</li>
				<li>
					<a id="menu11" href="###">如何点餐 How To Order</a>
				</li>
			</div>

			<!--产品展示图-->
			<div id="banner">
				<div id="left">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div id="pic1" class="swiper-slide" style="background-image:url(../img/HomePageImgs/2016040117224114977a.png)"></div>
							<div id="pic2" class="swiper-slide" style="background-image:url(../img/HomePageImgs/201612191444322d3b38.jpg)"></div>
						</div>
						<!-- Add Arrows -->
						<div class="swiper-button-next swiper-button-white"></div>
						<div class="swiper-button-prev swiper-button-white"></div>
					</div>
				</div>
				<div id="right">
					<img class="imgBig" src="../img/HomePageImgs/tbg3.png"/>
					<img class="imgBig" src="../img/HomePageImgs/tbg2.png"/>
					<img class="imgBig" src="../img/HomePageImgs/tbg1.png"/>
					<img class="textBig" src="../img/HomePageImgs/t3.png"/>
					<img class="textBig" src="../img/HomePageImgs/t2.png"/>
					<img class="textBig" src="../img/HomePageImgs/t1.png"/>
					<img class="textSmall" src="../img/HomePageImgs/w3.png"/>
					<img class="textSmall" src="../img/HomePageImgs/w2.png"/>
					<img class="textSmall" src="../img/HomePageImgs/w1.png"/>
				</div>
			</div>

			<!--底部方块-->
			<div id="footerLeft">
				<div id="position"></div>
				<div id="order"></div>
				<div id="activity"></div>
			</div>
			<div id="footerRight">
				<div id="weibo"></div>
				<div id="weixin"></div>
			</div>
			<!--二维码-->
			<div id="code"><img src="../img/HomePageImgs/code.png"/></div>

			<!--底部版权声明-->
			<div id="up">
				<p>
					<a id="home" href="###">主页</a>
					<span>|</span>
					<a id="yingyang" href="###">营养/菜单</a>
					<span>|</span>
					<a id="join" href="###">如何加盟</a>
					<span>|</span>
					<a id="us" href="###">关于我们</a>
					<span>|</span>
					<a id="search" href="###">快餐店位置查询</a>
				</p>
				<p>
					<a id="contact" href="###">联系我们</a>
					<span>|</span>
					<a id="use" href="###">使用条款</a>
					<span>|</span>
					<a id="secret" href="###">隐私权政策</a>
					<span>|</span>
					<a href="###">SUBWAY Partners™</a>
				</p>
			</div>
			<div id="down">
				<p>SUBWAY® is a Registered Trademark of Subway IP Inc.</p>
				<p>®2016 Subway IP Inc.</p>
			</div>
		</div>
		<script src="../js/swiper-3.4.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery-2.2.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/HomePage.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/CHN.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/ENG.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			//产品展示左侧轮播图初始化
			var swiper = new Swiper('.swiper-container', {
				nextButton: '.swiper-button-next',
				prevButton: '.swiper-button-prev',
				spaceBetween: 30,
				effect: 'fade',
				autoplay: 2500
			});
		</script>
	</body>

</html>